<template>
	<div>
		<p class="title">朋友注册时输入你的推荐码<br />轻轻松松和朋友一起赚钱</p>
		<div class="box">
			<p>{{data}}</p>
			<img src="../../assets/Invitation code.png"/>
		</div>
	</div>
</template>

<script>
	import my from '@/api/my/index'
	import { toast } from '@/util/index'
	export default {
		data(){
			return{
				data:""
			}
		},
	    
	    methods: {
	       
	        
	    },
	    computed: {
		  getUserData() {
		    return this.data=this.$store.state.ranks.inviteCode;
		  }
		},
		watch: {
		  getUserData(val) {
		    this.data = val;
		  }
		}
	}

</script>

<style lang="less" scoped>
@import '../../less/config.less';
	div{
		color: white;
		font-size:@f28;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		.title{
			margin-top: 0.91rem;
			font-size: @f32;
		}
		.box{
			margin-top: @f26;
			position: relative;
			margin-bottom:0.586rem;
			p{
				position:absolute;
				z-index: 100;
				text-align: center;
				top: 1.4666rem;
				color: #0e1820;
			}
			img{
				width: 3.306rem;
				height: 3.92rem;
			}
		}
		
	}
</style>